<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>
<%@page import="java.sql.*"%>

<html>
<head>
	<title>租赁指数</title>
	<link rel="stylesheet" href="css/bootstrap.min.css" type="text/css">
	<link rel="stylesheet" type="text/css" href="css/swiper-4.2.0.min.css">
	<link rel="stylesheet" href="css/top.css" type="text/css">
	<link rel="stylesheet" href="css/chart_test.css" type="text/css">
	<script src="js/Chart.min.js" type="text/javascript"></script>
</head>
<body>
<%@ include file="module/top.jsp"%>
<%  Object user_id = session.getAttribute("user_id");
	boolean flag =false;
	String driver = "com.mysql.jdbc.Driver";
	Class.forName(driver);
	Connection con=java.sql.DriverManager.getConnection("jdbc:mysql://localhost/detecting_system","root","");
	Statement stmt=con.createStatement();
	ResultSet rs=stmt.executeQuery(" select * from market_management where user_id="+user_id);
	while(rs.next())
	{
		if(rs.getString(4).equals("1")){
			flag=true;
		}
	}
	if (!flag) {/* 权限 */
		out.println("<script language=javascript>alert('你不能访问此版块');window.location.href='login_show.jsp'</script>");
		return;
	}
	String[][] rent = new String[20][20];
	String[][] admission = new String[20][20];
	String[][] management = new String[20][20];
	String[][] transfer = new String[20][20];
	for(int g=1;g<=10;g++){
		rs=stmt.executeQuery("select * from market_data where market_id="+g);
		int j=1;
		while(rs.next())
		{
			rent[g][j] = rs.getString(4);
			admission[g][j] = rs.getString(5);
			management[g][j] = rs.getString(6);
			transfer[g][j] = rs.getString(7);
			j++;
		}
	}
	double[] sum=new double[11] ;
	for (int k =1;k<=10;k++){
		for (int m=1;m<=12;m++){
			sum[k]+=Double.valueOf(rent[k][m])+Double.valueOf(admission[k][m])+Double.valueOf(management[k][m]);
		}
		sum[k]=sum[k]/12.0;
	}
	//关闭连接、释放资源

	rs.close();
	stmt.close();
	con.close();
%>
<div class="brandCon col-lg-12 col-md-12 col-sm-12">
	<h1>租赁指数</h1>
	<div class="row">
		<ul class="brandUl col-lg-4 col-md-4 col-sm-4">
			<li>租金</li>
			<li>入驻率</li>
			<li>商铺管理费</li>
			<li>商铺转手费</li>
		</ul>
	</div>
	<div class="col-lg-6 col-md-6 col-sm-6"></div>
	<div class="deFloat"></div>
</div>
<div class="deFloat"></div>
<h6 title="为了方便您的观察，鼠标点击图表上方标签，即可隐去改标签数据">Tip:为了方便您的观察，鼠标点击图表上方标签，即可隐去改标签数据</h6>
<%--租金--%>
<div class="registerCon">
	<h2>租金</h2>
	<div class="can">
		<canvas id="shop1"></canvas>
	</div>
</div>
<%--入驻率--%>
<div class="changeCon">
	<h2>入驻率</h2>
	<div class="can">
		<canvas id="shop2"></canvas>
	</div>
</div>
<%--商铺管理费--%>
<div class="averageCon">
	<h2>商铺管理费</h2>
	<div class="can">
		<canvas id="shop3"></canvas>
	</div>
</div>
<%--商铺转手费--%>
<div class="averageCon">
	<h2>商铺转手费</h2>
	<div class="can">
		<canvas id="shop5"></canvas>
	</div>
</div>
<%--租赁指数比--%>
<div class="innovationRate">
	<h2>租赁指数比</h2>
	<div class="can">
		<canvas id="shop4"></canvas>
	</div>
</div>



<%--租金--%>
<script>

    var ctx = document.getElementById("shop1");
    var a = new Chart(ctx, {
        type: 'line',
        data: {
            labels: ["2017-01", "2017-02", "2017-03", "2017-04", "2017-05", "2017-06", "2017-07", "2017-08", "2017-09", "2017-10", "2017-11", "2017-12"],
            datasets: [{
                label: '白云皮具城',
                data: [<%=rent[1][1] %>,<%=rent[1][2] %>,<%=rent[1][3] %>,<%=rent[1][4] %>,<%=rent[1][5] %>,<%=rent[1][6] %>,<%=rent[1][7] %>,<%=rent[1][8] %>,<%=rent[1][9] %>,<%=rent[1][10] %>,<%=rent[1][11] %>,<%=rent[1][12] %>],
                backgroundColor: [
                    'rgba(255, 250, 250, 0.2)'
                ],
                borderColor: [
                    'rgba(0,0,0, 1)'
                ],
                borderWidth: 1
            },{

                label: "广东芳村茶叶城",

                backgroundColor: [
                    'rgba(255, 250, 250, 0.2)'
                ],
                borderColor: [
                    'rgba(65,75, 125,0.9)'
                ],

                data: [<%=rent[2][1] %>,<%=rent[2][2] %>,<%=rent[2][3] %>,<%=rent[2][4] %>,<%=rent[2][5] %>,<%=rent[2][6] %>,<%=rent[2][7] %>,<%=rent[2][8] %>,<%=rent[2][9] %>,<%=rent[2][10] %>,<%=rent[2][11] %>,<%=rent[2][12] %>]
            },
                {

                    label: "广州国际轻纺城",

                    backgroundColor: [
                        'rgba(255, 250, 250, 0.2)'
                    ],
                    borderColor: [
                        'rgba(255, 255, 0, 1)'
                    ],
                    borderWidth: 1,
                    data: [<%=rent[3][1] %>,<%=rent[3][2] %>,<%=rent[3][3] %>,<%=rent[3][4] %>,<%=rent[3][5] %>,<%=rent[3][6] %>,<%=rent[3][7] %>,<%=rent[3][8] %>,<%=rent[3][9] %>,<%=rent[3][10] %>,<%=rent[3][11] %>,<%=rent[3][12] %>]
                },
                {

                    label: "广州眼镜城",

                    backgroundColor: [
                        'rgba(255, 250, 250, 0.2)'
                    ],
                    borderColor: [
                        'rgba(	127, 255, 0, 1)'
                    ],
                    borderWidth: 1,
                    data: [<%=rent[4][1] %>,<%=rent[4][2] %>,<%=rent[4][3] %>,<%=rent[4][4] %>,<%=rent[4][5] %>,<%=rent[4][6] %>,<%=rent[4][7] %>,<%=rent[4][8] %>,<%=rent[4][9] %>,<%=rent[4][10] %>,<%=rent[4][11] %>,<%=rent[4][12] %>]
                },
                {

                    label: "国际皮革五金城",

                    backgroundColor: [
                        'rgba(255, 250, 250, 0.2)'
                    ],
                    borderColor: [
                        'rgba(255, 106, 106, 1)'
                    ],
                    borderWidth: 1,
                    data: [<%=rent[5][1] %>,<%=rent[5][2] %>,<%=rent[5][3] %>,<%=rent[5][4] %>,<%=rent[5][5] %>,<%=rent[5][6] %>,<%=rent[5][7] %>,<%=rent[5][8] %>,<%=rent[5][9] %>,<%=rent[5][10] %>,<%=rent[5][11] %>,<%=rent[5][12] %>]
                },
                {

                    label: "红棉国际时装城",

                    backgroundColor: [
                        'rgba(255, 250, 250, 0.2)'
                    ],
                    borderColor: [
                        'rgba(	255, 140, 105, 1)'
                    ],
                    borderWidth: 1,
                    data: [<%=rent[6][1] %>,<%=rent[6][2] %>,<%=rent[6][3] %>,<%=rent[6][4] %>,<%=rent[6][5] %>,<%=rent[6][6] %>,<%=rent[6][7] %>,<%=rent[6][8] %>,<%=rent[6][9] %>,<%=rent[6][10] %>,<%=rent[6][11] %>,<%=rent[6][12] %>]
                },
                {

                    label: "华林国际",

                    backgroundColor: [
                        'rgba(255, 250, 250, 0.2)'
                    ],
                    borderColor: [
                        'rgba(154, 50, 205, 1)'
                    ],
                    borderWidth: 1,
                    data: [<%=rent[7][1] %>,<%=rent[7][2] %>,<%=rent[7][3] %>,<%=rent[7][4] %>,<%=rent[7][5] %>,<%=rent[7][6] %>,<%=rent[7][7] %>,<%=rent[7][8] %>,<%=rent[7][9] %>,<%=rent[7][10] %>,<%=rent[7][11] %>,<%=rent[7][12] %>]
                },
                {

                    label: "清平医药中心",

                    backgroundColor: [
                        'rgba(255, 250, 250, 0.2)'
                    ],
                    borderColor: [
                        'rgba(139, 119, 101, 1)'
                    ],
                    borderWidth: 1,
                    data: [<%=rent[8][1] %>,<%=rent[8][2] %>,<%=rent[8][3] %>,<%=rent[8][4] %>,<%=rent[8][5] %>,<%=rent[8][6] %>,<%=rent[8][7] %>,<%=rent[8][8] %>,<%=rent[8][9] %>,<%=rent[8][10] %>,<%=rent[8][11] %>,<%=rent[8][12] %>]
                },
                {

                    label: "万菱广场",

                    backgroundColor: [
                        'rgba(255, 250, 250, 0.2)'
                    ],
                    borderColor: [
                        'rgba(	255, 165, 0, 1)'
                    ],
                    borderWidth: 1,
                    data: [<%=rent[9][1] %>,<%=rent[9][2] %>,<%=rent[9][3] %>,<%=rent[9][4] %>,<%=rent[9][5] %>,<%=rent[9][6] %>,<%=rent[9][7] %>,<%=rent[9][8] %>,<%=rent[9][9] %>,<%=rent[9][10] %>,<%=rent[9][11] %>,<%=rent[9][12] %>]
                },
                {

                    label: "五洲城",

                    backgroundColor: [
                        'rgba(255, 250, 250, 0.2)'
                    ],
                    borderColor: [
                        'rgba(139, 69, 19, 1)'
                    ],
                    borderWidth: 1,
                    data: [<%=rent[10][1] %>,<%=rent[10][2] %>,<%=rent[10][3] %>,<%=rent[10][4] %>,<%=rent[10][5] %>,<%=rent[10][6] %>,<%=rent[10][7] %>,<%=rent[10][8] %>,<%=rent[10][9] %>,<%=rent[10][10] %>,<%=rent[10][11] %>,<%=rent[10][12] %>]
                }
            ]
        },
        options: {
            title: {
                display: true
            }
        }
    });
</script>
<%--入驻率--%>
<script>

    var ctx2 = document.getElementById("shop2");
    var a2 = new Chart(ctx2, {
        type: 'line',
        data: {
            labels: ["2017-01", "2017-02", "2017-03", "2017-04", "2017-05", "2017-06", "2017-07", "2017-08", "2017-09", "2017-10", "2017-11", "2017-12"],
            datasets: [{
                label: '白云皮具城',
                data: [<%=admission[1][1] %>,<%=admission[1][2] %>,<%=admission[1][3] %>,<%=admission[1][4] %>,<%=admission[1][5] %>,<%=admission[1][6] %>,<%=admission[1][7] %>,<%=admission[1][8] %>,<%=admission[1][9] %>,<%=admission[1][10] %>,<%=admission[1][11] %>,<%=admission[1][12] %>],
                backgroundColor: [
                    'rgba(255, 250, 250, 0.2)'
                ],
                borderColor: [
                    'rgba(0,0,0, 1)'
                ],
                borderWidth: 1
            },{

                label: "广东芳村茶叶城",

                backgroundColor: [
                    'rgba(255, 250, 250, 0.2)'
                ],
                borderColor: [
                    'rgba(65,75, 125,0.9)'
                ],

                data: [<%=admission[2][1] %>,<%=admission[2][2] %>,<%=admission[2][3] %>,<%=admission[2][4] %>,<%=admission[2][5] %>,<%=admission[2][6] %>,<%=admission[2][7] %>,<%=admission[2][8] %>,<%=admission[2][9] %>,<%=admission[2][10] %>,<%=admission[2][11] %>,<%=admission[2][12] %>]
            },
                {

                    label: "广州国际轻纺城",

                    backgroundColor: [
                        'rgba(255, 250, 250, 0.2)'
                    ],
                    borderColor: [
                        'rgba(255, 255, 0, 1)'
                    ],
                    borderWidth: 1,
                    data: [<%=admission[3][1] %>,<%=admission[3][2] %>,<%=admission[3][3] %>,<%=admission[3][4] %>,<%=admission[3][5] %>,<%=admission[3][6] %>,<%=admission[3][7] %>,<%=admission[3][8] %>,<%=admission[3][9] %>,<%=admission[3][10] %>,<%=admission[3][11] %>,<%=admission[3][12] %>]
                },
                {

                    label: "广州眼镜城",

                    backgroundColor: [
                        'rgba(255, 250, 250, 0.2)'
                    ],
                    borderColor: [
                        'rgba(	127, 255, 0, 1)'
                    ],
                    borderWidth: 1,
                    data: [<%=admission[4][1] %>,<%=admission[4][2] %>,<%=admission[4][3] %>,<%=admission[4][4] %>,<%=admission[4][5] %>,<%=admission[4][6] %>,<%=admission[4][7] %>,<%=admission[4][8] %>,<%=admission[4][9] %>,<%=admission[4][10] %>,<%=admission[4][11] %>,<%=admission[4][12] %>]
                },
                {

                    label: "国际皮革五金城",

                    backgroundColor: [
                        'rgba(255, 250, 250, 0.2)'
                    ],
                    borderColor: [
                        'rgba(255, 106, 106, 1)'
                    ],
                    borderWidth: 1,
                    data: [<%=admission[5][1] %>,<%=admission[5][2] %>,<%=admission[5][3] %>,<%=admission[5][4] %>,<%=admission[5][5] %>,<%=admission[5][6] %>,<%=admission[5][7] %>,<%=admission[5][8] %>,<%=admission[5][9] %>,<%=admission[5][10] %>,<%=admission[5][11] %>,<%=admission[5][12] %>]
                },
                {

                    label: "红棉国际时装城",

                    backgroundColor: [
                        'rgba(255, 250, 250, 0.2)'
                    ],
                    borderColor: [
                        'rgba(	255, 140, 105, 1)'
                    ],
                    borderWidth: 1,
                    data: [<%=admission[6][1] %>,<%=admission[6][2] %>,<%=admission[6][3] %>,<%=admission[6][4] %>,<%=admission[6][5] %>,<%=admission[6][6] %>,<%=admission[6][7] %>,<%=admission[6][8] %>,<%=admission[6][9] %>,<%=admission[6][10] %>,<%=admission[6][11] %>,<%=admission[6][12] %>]
                },
                {

                    label: "华林国际",

                    backgroundColor: [
                        'rgba(255, 250, 250, 0.2)'
                    ],
                    borderColor: [
                        'rgba(154, 50, 205, 1)'
                    ],
                    borderWidth: 1,
                    data: [<%=admission[7][1] %>,<%=admission[7][2] %>,<%=admission[7][3] %>,<%=admission[7][4] %>,<%=admission[7][5] %>,<%=admission[7][6] %>,<%=admission[7][7] %>,<%=admission[7][8] %>,<%=admission[7][9] %>,<%=admission[7][10] %>,<%=admission[7][11] %>,<%=admission[7][12] %>]
                },
                {

                    label: "清平医药中心",

                    backgroundColor: [
                        'rgba(255, 250, 250, 0.2)'
                    ],
                    borderColor: [
                        'rgba(139, 119, 101, 1)'
                    ],
                    borderWidth: 1,
                    data: [<%=admission[8][1] %>,<%=admission[8][2] %>,<%=admission[8][3] %>,<%=admission[8][4] %>,<%=admission[8][5] %>,<%=admission[8][6] %>,<%=admission[8][7] %>,<%=admission[8][8] %>,<%=admission[8][9] %>,<%=admission[8][10] %>,<%=admission[8][11] %>,<%=admission[8][12] %>]
                },
                {

                    label: "万菱广场",

                    backgroundColor: [
                        'rgba(255, 250, 250, 0.2)'
                    ],
                    borderColor: [
                        'rgba(	255, 165, 0, 1)'
                    ],
                    borderWidth: 1,
                    data: [<%=admission[9][1] %>,<%=admission[9][2] %>,<%=admission[9][3] %>,<%=admission[9][4] %>,<%=admission[9][5] %>,<%=admission[9][6] %>,<%=admission[9][7] %>,<%=admission[9][8] %>,<%=admission[9][9] %>,<%=admission[9][10] %>,<%=admission[9][11] %>,<%=admission[9][12] %>]
                },
                {

                    label: "五洲城",

                    backgroundColor: [
                        'rgba(255, 250, 250, 0.2)'
                    ],
                    borderColor: [
                        'rgba(139, 69, 19, 1)'
                    ],
                    borderWidth: 1,
                    data: [<%=admission[10][1] %>,<%=admission[10][2] %>,<%=admission[10][3] %>,<%=admission[10][4] %>,<%=admission[10][5] %>,<%=admission[10][6] %>,<%=admission[10][7] %>,<%=admission[10][8] %>,<%=admission[10][9] %>,<%=admission[10][10] %>,<%=admission[10][11] %>,<%=admission[10][12] %>]
                }
            ]
        },
        options: {
            title: {
                display: true
            }
        }
    });
</script>
<%--商铺管理费--%>
<script>

    var ctx3 = document.getElementById("shop3");
    var a3 = new Chart(ctx3, {
        type: 'line',
        data: {
            labels: ["2017-01", "2017-02", "2017-03", "2017-04", "2017-05", "2017-06", "2017-07", "2017-08", "2017-09", "2017-10", "2017-11", "2017-12"],
            datasets: [{
                label: '白云皮具城',
                data: [<%=management[1][1] %>,<%=management[1][2] %>,<%=management[1][3] %>,<%=management[1][4] %>,<%=management[1][5] %>,<%=management[1][6] %>,<%=management[1][7] %>,<%=management[1][8] %>,<%=management[1][9] %>,<%=management[1][10] %>,<%=management[1][11] %>,<%=management[1][12] %>],
                backgroundColor: [
                    'rgba(255, 250, 250, 0.2)'
                ],
                borderColor: [
                    'rgba(0,0,0, 1)'
                ],
                borderWidth: 1
            },{

                label: "广东芳村茶叶城",

                backgroundColor: [
                    'rgba(255, 250, 250, 0.2)'
                ],
                borderColor: [
                    'rgba(65,75, 125,0.9)'
                ],

                data: [<%=management[2][1] %>,<%=management[2][2] %>,<%=management[2][3] %>,<%=management[2][4] %>,<%=management[2][5] %>,<%=management[2][6] %>,<%=management[2][7] %>,<%=management[2][8] %>,<%=management[2][9] %>,<%=management[2][10] %>,<%=management[2][11] %>,<%=management[2][12] %>]
            },
                {

                    label: "广州国际轻纺城",

                    backgroundColor: [
                        'rgba(255, 250, 250, 0.2)'
                    ],
                    borderColor: [
                        'rgba(255, 255, 0, 1)'
                    ],
                    borderWidth: 1,
                    data: [<%=management[3][1] %>,<%=management[3][2] %>,<%=management[3][3] %>,<%=management[3][4] %>,<%=management[3][5] %>,<%=management[3][6] %>,<%=management[3][7] %>,<%=management[3][8] %>,<%=management[3][9] %>,<%=management[3][10] %>,<%=management[3][11] %>,<%=management[3][12] %>]
                },
                {

                    label: "广州眼镜城",

                    backgroundColor: [
                        'rgba(255, 250, 250, 0.2)'
                    ],
                    borderColor: [
                        'rgba(	127, 255, 0, 1)'
                    ],
                    borderWidth: 1,
                    data: [<%=management[4][1] %>,<%=management[4][2] %>,<%=management[4][3] %>,<%=management[4][4] %>,<%=management[4][5] %>,<%=management[4][6] %>,<%=management[4][7] %>,<%=management[4][8] %>,<%=management[4][9] %>,<%=management[4][10] %>,<%=management[4][11] %>,<%=management[4][12] %>]
                },
                {

                    label: "国际皮革五金城",

                    backgroundColor: [
                        'rgba(255, 250, 250, 0.2)'
                    ],
                    borderColor: [
                        'rgba(255, 106, 106, 1)'
                    ],
                    borderWidth: 1,
                    data: [<%=management[5][1] %>,<%=management[5][2] %>,<%=management[5][3] %>,<%=management[5][4] %>,<%=management[5][5] %>,<%=management[5][6] %>,<%=management[5][7] %>,<%=management[5][8] %>,<%=management[5][9] %>,<%=management[5][10] %>,<%=management[5][11] %>,<%=management[5][12] %>]
                },
                {

                    label: "红棉国际时装城",

                    backgroundColor: [
                        'rgba(255, 250, 250, 0.2)'
                    ],
                    borderColor: [
                        'rgba(	255, 140, 105, 1)'
                    ],
                    borderWidth: 1,
                    data: [<%=management[6][1] %>,<%=management[6][2] %>,<%=management[6][3] %>,<%=management[6][4] %>,<%=management[6][5] %>,<%=management[6][6] %>,<%=management[6][7] %>,<%=management[6][8] %>,<%=management[6][9] %>,<%=management[6][10] %>,<%=management[6][11] %>,<%=management[6][12] %>]
                },
                {

                    label: "华林国际",

                    backgroundColor: [
                        'rgba(255, 250, 250, 0.2)'
                    ],
                    borderColor: [
                        'rgba(154, 50, 205, 1)'
                    ],
                    borderWidth: 1,
                    data: [<%=management[7][1] %>,<%=management[7][2] %>,<%=management[7][3] %>,<%=management[7][4] %>,<%=management[7][5] %>,<%=management[7][6] %>,<%=management[7][7] %>,<%=management[7][8] %>,<%=management[7][9] %>,<%=management[7][10] %>,<%=management[7][11] %>,<%=management[7][12] %>]
                },
                {

                    label: "清平医药中心",

                    backgroundColor: [
                        'rgba(255, 250, 250, 0.2)'
                    ],
                    borderColor: [
                        'rgba(139, 119, 101, 1)'
                    ],
                    borderWidth: 1,
                    data: [<%=management[8][1] %>,<%=management[8][2] %>,<%=management[8][3] %>,<%=management[8][4] %>,<%=management[8][5] %>,<%=management[8][6] %>,<%=management[8][7] %>,<%=management[8][8] %>,<%=management[8][9] %>,<%=management[8][10] %>,<%=management[8][11] %>,<%=management[8][12] %>]
                },
                {

                    label: "万菱广场",

                    backgroundColor: [
                        'rgba(255, 250, 250, 0.2)'
                    ],
                    borderColor: [
                        'rgba(	255, 165, 0, 1)'
                    ],
                    borderWidth: 1,
                    data: [<%=management[9][1] %>,<%=management[9][2] %>,<%=management[9][3] %>,<%=management[9][4] %>,<%=management[9][5] %>,<%=management[9][6] %>,<%=management[9][7] %>,<%=management[9][8] %>,<%=management[9][9] %>,<%=management[9][10] %>,<%=management[9][11] %>,<%=management[9][12] %>]
                },
                {

                    label: "五洲城",

                    backgroundColor: [
                        'rgba(255, 250, 250, 0.2)'
                    ],
                    borderColor: [
                        'rgba(139, 69, 19, 1)'
                    ],
                    borderWidth: 1,
                    data: [<%=management[10][1] %>,<%=management[10][2] %>,<%=management[10][3] %>,<%=management[10][4] %>,<%=management[10][5] %>,<%=management[10][6] %>,<%=management[10][7] %>,<%=management[10][8] %>,<%=management[10][9] %>,<%=management[10][10] %>,<%=management[10][11] %>,<%=management[10][12] %>]
                }
            ]
        },
        options: {
            title: {
                display: true
            }
        }
    });
</script>
<%--商铺管理费--%>
<script>

    var ctx3 = document.getElementById("shop5");
    var a3 = new Chart(ctx3, {
        type: 'line',
        data: {
            labels: ["2017-01", "2017-02", "2017-03", "2017-04", "2017-05", "2017-06", "2017-07", "2017-08", "2017-09", "2017-10", "2017-11", "2017-12"],
            datasets: [{
                label: '白云皮具城',
                data: [<%=transfer[1][1] %>,<%=transfer[1][2] %>,<%=transfer[1][3] %>,<%=transfer[1][4] %>,<%=transfer[1][5] %>,<%=transfer[1][6] %>,<%=transfer[1][7] %>,<%=transfer[1][8] %>,<%=transfer[1][9] %>,<%=transfer[1][10] %>,<%=transfer[1][11] %>,<%=transfer[1][12] %>],
                backgroundColor: [
                    'rgba(255, 250, 250, 0.2)'
                ],
                borderColor: [
                    'rgba(0,0,0, 1)'
                ],
                borderWidth: 1
            },{

                label: "广东芳村茶叶城",

                backgroundColor: [
                    'rgba(255, 250, 250, 0.2)'
                ],
                borderColor: [
                    'rgba(65,75, 125,0.9)'
                ],

                data: [<%=transfer[2][1] %>,<%=transfer[2][2] %>,<%=transfer[2][3] %>,<%=transfer[2][4] %>,<%=transfer[2][5] %>,<%=transfer[2][6] %>,<%=transfer[2][7] %>,<%=transfer[2][8] %>,<%=transfer[2][9] %>,<%=transfer[2][10] %>,<%=transfer[2][11] %>,<%=transfer[2][12] %>]
            },
                {

                    label: "广州国际轻纺城",

                    backgroundColor: [
                        'rgba(255, 250, 250, 0.2)'
                    ],
                    borderColor: [
                        'rgba(255, 255, 0, 1)'
                    ],
                    borderWidth: 1,
                    data: [<%=transfer[3][1] %>,<%=transfer[3][2] %>,<%=transfer[3][3] %>,<%=transfer[3][4] %>,<%=transfer[3][5] %>,<%=transfer[3][6] %>,<%=transfer[3][7] %>,<%=transfer[3][8] %>,<%=transfer[3][9] %>,<%=transfer[3][10] %>,<%=transfer[3][11] %>,<%=transfer[3][12] %>]
                },
                {

                    label: "广州眼镜城",

                    backgroundColor: [
                        'rgba(255, 250, 250, 0.2)'
                    ],
                    borderColor: [
                        'rgba(	127, 255, 0, 1)'
                    ],
                    borderWidth: 1,
                    data: [<%=transfer[4][1] %>,<%=transfer[4][2] %>,<%=transfer[4][3] %>,<%=transfer[4][4] %>,<%=transfer[4][5] %>,<%=transfer[4][6] %>,<%=transfer[4][7] %>,<%=transfer[4][8] %>,<%=transfer[4][9] %>,<%=transfer[4][10] %>,<%=transfer[4][11] %>,<%=transfer[4][12] %>]
                },
                {

                    label: "国际皮革五金城",

                    backgroundColor: [
                        'rgba(255, 250, 250, 0.2)'
                    ],
                    borderColor: [
                        'rgba(255, 106, 106, 1)'
                    ],
                    borderWidth: 1,
                    data: [<%=transfer[5][1] %>,<%=transfer[5][2] %>,<%=transfer[5][3] %>,<%=transfer[5][4] %>,<%=transfer[5][5] %>,<%=transfer[5][6] %>,<%=transfer[5][7] %>,<%=transfer[5][8] %>,<%=transfer[5][9] %>,<%=transfer[5][10] %>,<%=transfer[5][11] %>,<%=transfer[5][12] %>]
                },
                {

                    label: "红棉国际时装城",

                    backgroundColor: [
                        'rgba(255, 250, 250, 0.2)'
                    ],
                    borderColor: [
                        'rgba(	255, 140, 105, 1)'
                    ],
                    borderWidth: 1,
                    data: [<%=transfer[6][1] %>,<%=transfer[6][2] %>,<%=transfer[6][3] %>,<%=transfer[6][4] %>,<%=transfer[6][5] %>,<%=transfer[6][6] %>,<%=transfer[6][7] %>,<%=transfer[6][8] %>,<%=transfer[6][9] %>,<%=transfer[6][10] %>,<%=transfer[6][11] %>,<%=transfer[6][12] %>]
                },
                {

                    label: "华林国际",

                    backgroundColor: [
                        'rgba(255, 250, 250, 0.2)'
                    ],
                    borderColor: [
                        'rgba(154, 50, 205, 1)'
                    ],
                    borderWidth: 1,
                    data: [<%=transfer[7][1] %>,<%=transfer[7][2] %>,<%=transfer[7][3] %>,<%=transfer[7][4] %>,<%=transfer[7][5] %>,<%=transfer[7][6] %>,<%=transfer[7][7] %>,<%=transfer[7][8] %>,<%=transfer[7][9] %>,<%=transfer[7][10] %>,<%=transfer[7][11] %>,<%=transfer[7][12] %>]
                },
                {

                    label: "清平医药中心",

                    backgroundColor: [
                        'rgba(255, 250, 250, 0.2)'
                    ],
                    borderColor: [
                        'rgba(139, 119, 101, 1)'
                    ],
                    borderWidth: 1,
                    data: [<%=transfer[8][1] %>,<%=transfer[8][2] %>,<%=transfer[8][3] %>,<%=transfer[8][4] %>,<%=transfer[8][5] %>,<%=transfer[8][6] %>,<%=transfer[8][7] %>,<%=transfer[8][8] %>,<%=transfer[8][9] %>,<%=transfer[8][10] %>,<%=transfer[8][11] %>,<%=transfer[8][12] %>]
                },
                {

                    label: "万菱广场",

                    backgroundColor: [
                        'rgba(255, 250, 250, 0.2)'
                    ],
                    borderColor: [
                        'rgba(	255, 165, 0, 1)'
                    ],
                    borderWidth: 1,
                    data: [<%=transfer[9][1] %>,<%=transfer[9][2] %>,<%=transfer[9][3] %>,<%=transfer[9][4] %>,<%=transfer[9][5] %>,<%=transfer[9][6] %>,<%=transfer[9][7] %>,<%=transfer[9][8] %>,<%=transfer[9][9] %>,<%=transfer[9][10] %>,<%=transfer[9][11] %>,<%=transfer[9][12] %>]
                },
                {

                    label: "五洲城",

                    backgroundColor: [
                        'rgba(255, 250, 250, 0.2)'
                    ],
                    borderColor: [
                        'rgba(139, 69, 19, 1)'
                    ],
                    borderWidth: 1,
                    data: [<%=transfer[10][1] %>,<%=transfer[10][2] %>,<%=transfer[10][3] %>,<%=transfer[10][4] %>,<%=transfer[10][5] %>,<%=transfer[10][6] %>,<%=transfer[10][7] %>,<%=transfer[10][8] %>,<%=transfer[10][9] %>,<%=transfer[10][10] %>,<%=transfer[10][11] %>,<%=transfer[10][12] %>]
                }
            ]
        },
        options: {
            title: {
                display: true
            }
        }
    });
</script>
<%--租赁指数比--%>
<script>

    var ctx4 = document.getElementById("shop4");
    var a4 = new Chart(ctx4, {
        type: 'radar',
        data: {
            labels: ["白云皮具城","广东芳村茶叶城","广州国际轻纺城","广州眼镜城","国际皮革五金城","红棉国际时装城","华林国际","清平医药中心","万菱广场","五洲城"],
            datasets: [{
                label: '创新指数比',
                data: [<%=sum[1] %>,<%=sum[2] %>,<%=sum[3] %>,<%=sum[4] %>,<%=sum[5] %>,<%=sum[6] %>,<%=sum[7] %>,<%=sum[8] %>,<%=sum[9] %>,<%=sum[10] %>],
                backgroundColor: [
                    'rgba(255, 150, 250, 0.5)'

                ],
                borderColor: [
                    'rgba(255, 150, 250,2)'
                ],
                borderWidth: 1
            }

            ]
        },
        options: {
            title: {
                display: true
            }
        }
    });
</script>

<script src="js/jquery-1.11.2.min.js" type="text/javascript"></script>
<script src="js/bootstrap.js" type="text/javascript"></script>
</body>
</html>
